<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>促销活动</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="indexcuxiao">
        <header-top :topparams="topParams"></header-top>
        <header-search-global></header-search-global>
        <comment-top-nav :topnavlist="topnavlist"></comment-top-nav>
        <comment-corss-banner :imgsrc="topbanner"></comment-corss-banner>
        <div class="indexcuxiao_coupon-bg">
            <div class="indexcuxiao_coupon container">
                <div class="indexcuxiao_coupon-col" v-for="item in couponlist">
                    <div class="top">
                        <div class="top-left">
                            <p>￥</p>
                            <h1>{{item.price}}</h1>
                        </div>
                        <div class="top-right">
                            <h1>满{{item.man}}使用</h1>
                            <p>优惠券</p>
                        </div>
                    </div>
                    <p>有效期：{{item.begin}}~{{item.end}}</p>
                </div>
            </div>
        </div>
        <div class="indexcuxiao_item-bg" v-for="item in conlist">
            <div class="indexcuxiao_item container">
                <div class="indexcuxiao_item-title">
                    <i class="icon-cuxiao_title"></i>
                    <h1>{{item.title}}</h1>
                    <i class="icon-cuxiao_title"></i>
                </div>
                <div class="indexcuxiao_item-con">
                    <div class="indexcuxiao_item-con-col" v-for="subitem in item.goodslist">
                        <a class="img" :href="subitem.href"><img :src="subitem.img"></a>
                        <div class="text">
                            <h1><span>¥</span>{{subitem.price}}</h1>
                            <p>男士修身秋季商务三件套</p>
                            <div class="shop"><i class="icon-cart-white"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <com-footer></com-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        indexcuxiao();
    </script>
</body>

</html>